@charset"utf-8";
@function r($px) {
    @return ($px/40) * 1rem;
}


/* 减半 */

@function half($px) {
    @return ($px/2) * 1px;
}

html,
body {
    height: 100%;
    position: relative;
}

@import"productdetail.css";
header {
    position: absolute;
    top: 0;
    width: r(750);
    height: half(150);
    .headermiddle {
        display: inline-block;
        vertical-align: top;
        width: r(200);
        //      font-size:r(18);
        line-height: 34px;
        text-align: right;
    }
    .selectBar {
        width: r(159);
        height: half(56);
        border: solid 1px #ff9344;
        background-image: url(../img/dsj.png);
        background-repeat: no-repeat;
        background-position: right 4px center;
        background-size: 15px 8px;
        margin-top: 0px;
        margin-right: 15px;
        select {
            padding-left: 8px;
            -webkit-appearance: none;
            appearance: none;
            border: none;
            width: 100%;
            height: 100%;
            display: block;
            background: transparent;
        }
    }
}

section {
    position: absolute;
    width: r(750);
    top: half(150);
    bottom: half(135);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.fenlei {
    box-sizing: border-box;
    padding-left: r(30);
    width: r(693);
    .myfood {
        text-align: center;
        display: inline-block;
        width: r(150);
        div {
            width: r(148);
            img {
                width: 100%;
            }
        }
    }
    
    .movice{
         text-align: center;
        display: inline-block;
        width: r(150);
        div{
            overflow: hidden;
            height: r(149);
            width: r(148);
            border-radius: r(75);
            img{
                width: 200%;
                transform: translateX(r(-78)) translateY(r(-33));
            }
        }
        
    }
    
}











.foodclass {
    margin-top: r(54);
}

.foodtwo {
    margin-top: 8px;
    div {
        margin: auto r(16);
        display: inline-block;
        width: r(133);
        img {
            width: 100%;
        }
    }
}

